<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>SALGUERO FUTBOL</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href="css/component.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<!-- start menu -->
<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/megamenu.js"></script>
<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
<link rel="stylesheet" href="css/etalage.css">
<script src="js/jquery.etalage.min.js"></script>
<script>
			jQuery(document).ready(function($){

				$('#etalage').etalage({
					thumb_image_width: 300,
					thumb_image_height: 400,
					source_image_width: 900,
					source_image_height: 1200,
					show_hint: true,
					click_callback: function(image_anchor, instance_id){
						alert('Callback example:\nYou clicked on an image with the anchor: "'+image_anchor+'"\n(in Etalage instance: "'+instance_id+'")');
					}
				});

			});
		</script>
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
<script type="text/javascript">
			    $(document).ready(function () {
			        $('#horizontalTab').easyResponsiveTabs({
			            type: 'default', //Types: default, vertical, accordion           
			            width: 'auto', //auto or any width like 600px
			            fit: true   // 100% fit in a container
			        });
			    });
            </script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-60487549-1', 'auto');
  ga('send', 'pageview');

</script>

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<script src="js/bootstrap.min.js"></script>

</head>
<body>
<div class="menu">
  <ul class="megamenu skyblue">
    <li class="active grid"><a class="color1" href="alquilerdecanchas.html">ALQUILER DE CANCHAS</a></li>
    <li class="active grid"><a class="color10" href="sedes.html">SEDES</a></li>
    <li class="active grid"><a class="color5" href="torneos.html">torneoS</a></li>
    <li class="active grid"><a class="color9" href="servicios.html">SERVICIOS</a></li>
    <li class="active grid"><a class="color4" href="contacto.html">CONTACTO</a></li>
  </ul>
</div>

<img src="images/headergenerico.jpg" class="img-responsive" alt=""/>

{% include 'navbar.html' %}

<div class="clearfix">
  <div class="copy">
		{% if amistosos|length > 0 %}
			  	<h2> Proximos Amistosos </h2>
				<table class="table table-bordered" style="width:800px" align="center">
				  <thead>
					<tr> 
					  <th style="text-align:center">Dia</th>
					  <th style="text-align:center">Hora</th>
					  <th style="text-align:center">Sede</th>
					  <th style="text-align:center">Cancha</th>
					  <th style="text-align:center">Local</th>
					  <th style="text-align:center">Visitante</th>
					</tr>
				  </thead>
				  <tbody>
				  {% for amistoso in amistosos %}
				  <tr>
				  	<td>{{ amistoso.fechaPartidoFormato }}</td>
					<td>{{ amistoso.horaPartido }}</td>
					<td>{{ amistoso.sede }}</td>
					<td>{{ amistoso.cancha }}</td>
					<td>{{ amistoso.equipo1 }}</td>
					<td>{{ amistoso.equipo2 }}</td>
				  </tr>
				  {% endfor %}
				  </tbody>
				</table>
		{% else %} 
			<h3> No Existen Amistosos Programados </h3>
		{% endif %} 
  </div>
</div>
<div class="footer">
  <div class="container">
    <ul class="social">
      <li><a href="http://instagram.com/salguerofutbol"> <i class="instagram"> </i> </a></li>
      <li><a href="http://facebook.com/salguerofutbol"><i class="fb"> </i> </a></li>
      <li><a href="http://twitter.com/salguerofutbol"><i class="tw"> </i> </a></li>
    </ul>
    <div class="copy"><p>&copy; Powered by <a href="http://noova.com.ar" target="_blank">Noova</a> </p></div>
  </div>
</div>
</body>
</html>
